<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .b1{
                width: 200px;
                height: 200px;
               background-color: yellowgreen
            }
            .aaa{
                width: 50px;
                height: 50px;
              background-color: red;
            }
            
            
        </style>
        <script>
   $ (function(){
  $(".aaa").click (function(){
    $(this).parents(".b1").fadeOut("slow");
    });
    });
  
</script>
    </head>
    
    <body>
        <div class="b1">
            <div  class="aaa"></div>
        </div>
        <div class="b1">
            <div  class="aaa"></div>
        </div>
        <div class="b1">
            <div  class="aaa"></div>
        </div>
        
    </body>
</html>
